<template>
  <div class="p">
      <h1>HUAWEI P50 8GB+256GB（曜金黑）</h1>
     <span>
              【现货速发: 直降300元 到手价4688元】① 限量买赠价值199元66W华为超级快充充电器 |  更多甄选手机点击了解>>
    </span>
    <div class="gift">
        <span>赠品</span>
        <img src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202205/gbom/6941487210947/428_428_0D39E298734705DCA33C12A114C40139mp.png" alt="">
    </div>
    <div class="youhui">
        <div class="y1">
            <span>优惠</span>
        </div>
        <div class="y2">
            <p><span>限时特价</span> 限时直降200元</p>
            <p><span>分期免息</span> 银联、花呗、掌上生活、工行分期支付可享</p>
            <p><span>赠送积分</span> 购买即赠商城积分，积分可抵现</p>
        </div>
        <div class="y3">

        </div>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
    .p{
        width: 3.82rem;
        height:2.44rem;
        margin: auto;
        border: 1px solid black;
        border-radius: 0.1rem;
        margin-top: 0.1rem;
        margin-bottom: 0.1rem;
        padding-left: 0.1rem;
        span{
            color: #cf0a2c;
            font-size: 0.085rem;
        }
        .gift{
            margin-top: 0.1rem;
            margin-bottom: 0.1rem;
            span{
                color: black;
                line-height: 0.25rem;
            }
            img{
                width: 0.4rem;
                height: 0.4rem;
                vertical-align: center;
            }
        }
        .youhui{
            width: 100%;
            height: 0.89rem;
            display: flex;
            justify-content: space-evenly;
            .y1{
                width: 0.36rem;
                span{
                    color: black;
                }
            }
            .y2{
                width: 3.08rem;
                height: 0.89rem;
                p{
                    font-size: 0.05rem;
                    line-height: 0.3rem;
                    span{
                        color:#cf0a2c ;
                        display: inline-block;
                        border: 1px solid #ed6f21;
                        height: 0.08rem;
                        padding: 0.05rem;
                        line-height: 0.08rem;
                    }
                }
            }
            .y3{
                width: 0.36rem;
            }
        }
    }
</style>